import tailwindcss from "tailwindcss";

const config = {
  plugins: [
    tailwindcss(),
    require("postcss-px-to-viewport")({
      unitToConvert: "rpx", // 需要转换的单位
      viewportWidth: 3200, // 设计稿宽度
      unitPrecision: 5, // 允许 REM 单位增长到的十进制数字
      propList: ["font-size"], // 要转换的属性
      viewportUnit: "rem", // 指定需要转换成的单位
      fontViewportUnit: "rem", // 字体需要转成的单位，只针对 font-size 属性
      selectorBlackList: [], // 忽略的选择器
      minPixelValue: 1, // 设置要替换的最小像素值
      mediaQuery: false, // 是否在媒体查询中转换 px
      replace: true,
      exclude: undefined,
      include: undefined,
      landscape: false,
    }),
    require("postcss-px-to-viewport")({
      unitToConvert: "px", // 需要转换的单位
      viewportWidth: 1500, // 设计稿宽度
      unitPrecision: 5, // 允许 REM 单位增长到的十进制数字
      propList: ["font-size"], // 要转换的属性
      viewportUnit: "rem", // 指定需要转换成的单位
      fontViewportUnit: "rem", // 字体需要转成的单位，只针对 font-size 属性
      selectorBlackList: [], // 忽略的选择器
      minPixelValue: 1, // 设置要替换的最小像素值
      mediaQuery: false, // 是否在媒体查询中转换 px
      replace: true,
      exclude: undefined,
      include: undefined,
      landscape: false,
    }),
  ],
};

export default config;
